<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<title>我的</title>
	<link rel="stylesheet" type="text/css" href="../../css/aui-win.css" />
    <style>
		.h1{height: 1px;}
		.fr {float: right;}

		.firstblock, .secondblock {
            margin-top: 10px;
            background-color: #fff;
        }
		/* 头部登陆 */
		#userheadimage{
			border-radius:50%;
		}
		#sex img{
			height:16px;
		}

		.login {
		background-color:#FFFFFF;background-size: contain;position: relative;}
		.loginbg {/*position: absolute;*/ width: 100%;height: 120px;}
		.login .personal_logo {background-image: url(../../image/my/login01.png);
		position: absolute; top: 20px; width: 70px; left: 20px;}
		#userheadimage{
			width:70px;
			height:70px;
		}
		.person_arrow {position: absolute;height: 20px; right: 10px; top: 50px;}
		.login .userinfo {position: absolute; top:20px; margin-left: 100px;}
		.login .userinfo .title {font-size: 20px; color: #000;}
		.login .userinfo .subtitle {font-size: 14px; color: #000;border: 1px solid #fff;display: inline-block;padding: 3px;border-radius: 4px;margin-top: 5px;}
		
		/* 设置条目 */
		.item {height: 50px;line-height: 50px;background-color: #fff;}
		.item_ico {float: left;width: 30px;padding: 10px 10px 10px 0;margin-left:15px;}
		.item_arrow {float: right;width: 16px;padding: 17px 15px 15px 0;}

		.presshover {background-color: #FAFAFA;}
        /*底部CSS开始*/
        #footer {
            width:100%;
            position:fixed;
            bottom:0px;
            height: 61px;
            line-height: 60px;
            background-color: #FAFAFA;
            border-top: 1px solid #FAFAFA;
            text-align:center;
        }
             #footer li{
            width: 33.33333%;
            float: left;
        }
        #footer li {
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            height: 60px;
        }
        
       /********************/
/* 底部按钮原始样式 */
/********************/
.bbtn01 {
	background: url(../../image/home/home2.png) no-repeat center 8px;
}
.bbtn02 {
	background: url(../../image/home/quan2.png) no-repeat center 8px;
}
.bbtn03 {
	background: url(../../image/home/me2.png) no-repeat center 8px;
}
.bottom_btn {
	color: #A5A5A5; 
    background-repeat: no-repeat;
    background-size: 28px 28px;
    font-size: 12px;
    color: #4d4d4d;
    display: block;
    overflow: hidden;
    padding-top: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 底部按钮激活样式 */
.activebtn0 {
	background: url(../../image/home/home1.png) no-repeat center 8px;
}
.activebtn1 {
	background: url(../../image/home/quan1.png) no-repeat center 8px;
}
.activebtn2 {
	background: url(../../image/home/me1.png) no-repeat center 8px;
}
.activebtn {
	color: #FF7419;
	background-size: 28px;
}
.bottomhover {
	background-color: #46494B;
}
 
        /*底部CSS结束*/
		
		.content{
	width:100%;
	overflow:scroll;
    padding-bottom: 61px;
}
@media screen and (max-height:600px) {
            #h1010{
            	height: 70px;
            }
}
.xiaoxi{
	display:block;
	position:absolute;
	right:3%;
	top:9px;
	background:url(../../image/iconfont-xiaoxi.png) no-repeat;
	background-size:24px;
	width:24px;
	height:24px;
}
.yuandian{
	width:7px;
	height:7px;
	border-radius:7px;
	background:red;
	position:absolute;
	right:3%;
	top:10px;
	display:none;
}
    </style>
</head>
<body>
    <!--头部-->
    <header class="aui-bar aui-bar-nav aui-bar-yunzo titlebar">
        <a class="aui-btn aui-bar-yunzo aui-pull-left"></a>
        <div class="aui-title" id="partName">我的</div>
         <a class="xiaoxi" onclick="loctin()"></a>
         <div class="yuandian"></div>
    </header>
    <div class="margin_div"></div>
	 <div id="content">
    <!--我的信息（已登录）-->
	<div class="login" id="loginDiv"   >
		<div class="loginbg"></div>
		<img  alt="" class="personal_logo" id="userheadimage">
		<div class="userinfo" onclick="openMYinfo()">
			<div class="title" id="username"></div>
			<div class="subtitle" id="sex">
                <img alt="" id="sex1">
			</div>
			<div class="mygrouptitle" id="ugroupinfo"></div>
		</div>
        <p id="groupJob"></p>
		<img src="../../image/my/personal_icon_arrow.png" alt="prev" class="person_arrow" onclick="openMYinfo()">
	</div>


	<!-- 第一块 -->
	<div class="firstblock">
		<div class="item"  onclick="openNewWindow('mycompany_list')">
			<img src="../../image/my/compang.png" alt="" class="item_ico">
			<span>公司信息</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
		</div><div class="h1"></div>
		<div class="item"  onclick="openNewWindow('mygroupinfo_list')">
			<img src="../../image/my/group.png" alt="" class="item_ico">
			<span>团体信息</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
		</div><div class="h1"></div>
		<div class="item"  onclick="openNewWindow('myorder')">
			<img src="../../image/my/order.png" alt="" class="item_ico">
			<span>订单信息</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
		</div><div class="h1"></div>
		<div class="item"  onclick="openNewWindow('mybusessinfo_list')">
			<img src="../../image/my/buss.png" alt="" class="item_ico">
			<span>商机信息</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
			<span class="fr hint">工、农、学、商</span>
		</div>
	</div>

	<!-- 第二块 -->
	<div class="secondblock">
		<div class="item"  onclick="openNewWindow('myconcern_list')">
			<img src="../../image/my/cond.png" alt="" class="item_ico">
			<span>我的关注</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
		</div><div class="h1"></div>
		<div class="item"  onclick="openNewWindow('mycollect_list')">
			<img src="../../image/my/coll.png" alt="" class="item_ico">
			<span>收藏</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
		</div><div class="h1"></div>
		<div class="item"  onclick="openNewWindow('setting')">
			<img src="../../image/my/set.png" alt="" class="item_ico">
			<span>设置</span>
			<img src="../../image/my/arrow.png" alt="" class="item_arrow">
		</div>
	</div>
	</div>
	<div id="h1010"></div>
    <!--尾部-->
    <div id="footer">
        <ul>
            <li tapmode="activebtn0 activebtn"  onclick="openNewFrame('../main')">
                <a class="bottom_btn bbtn01 weixin">首页</a>
            </li>
            <li tapmode="activebtn1 activebtn" onclick="openNewFrame('../second_frame/yunzoquan')">
                <a class="bottom_btn bbtn02 communicate">云筑圈</a>
            </li>
            <li tapmode="activebtn3 activebtn"  onclick="openNewFrame('mine')">
                <a class="bottom_btn bbtn03 home  activebtn activebtn2">我的</a>
            </li>
        </ul>
    </div>
</body>
<script src="../../script/jquery-1.10.2.min.js"></script>
<script src="../../script/common.js"></script>
<script>
function getInboxList() {
	var curCount=0;
	var pagesize=100;
	var post={"mid":$mid,"did":initdata.get('myinbox'),"groupid":$groupid,"curCount":curCount,"pagesize":pagesize};
	ajaxcocRequest('../../../api/getinboxinfolistbymid','post',post,function(msg){
		if(msg.code==100){
			if(msg.data.length>0){
				$(".yuandian").css("display","block");
			}
			else{
				$(".yuandian").css("display","none");
			}
		}
		else{
			$("body").append('<div class="wuwang"><img src="../../image/iconfont-wangluo.png"><p>网络拥堵，信息塞车</p></div>')
		}                                                   
	})
}
	getInboxList();

	function loctin(){
		$(".yuandian").css("display","none");
		window.location ="../tochart.html"
	}
    /*打开我的、云筑圈、我的*/
    function openNewFrame(htmlName){
    	
        window.location = htmlName+".html"+"?mid="+$mid+"&groupid="+$groupid;
    }
    /*打开个人信息*/
    function openMYinfo(){
        window.location="myinfo.html?mid="+$mid+"&groupid="+$groupid;
    }
        $(document).ready(function(){
        	var post=basedata('myinfo');
        	ajaxcocRequest('../../../api/account/getuserheadimage','post',post,function(msg){
    	   		if(msg.code==100){
    	   			window.localStorage.setItem("userUrl", msg.message);
    	   			$("#userheadimage").attr("src",window.localStorage.getItem("userUrl"));
    	   		}else
    	   		{
    	   			alert(JSON.stringify(msg));
    	   		}
        	});
         	if($myheadimg==null||$myheadimg==""||$myheadimg=="null"){
    			$("#userheadimage").attr("src","../../image/defaultImg1.png");
    		}else
    		{
    			$("#userheadimage").attr("src",$myheadimg);
    		}
    		
         	$("#userheadimage").error(function(){
    			$("#userheadimage").attr("src","../../image/defaultImg1.png")
    		})
            
         	
           if($mysex=="男"){
                $("#sex1").attr("src","../../image/my/manIcon.png");
           }
           else{
                $("#sex1").attr("src","../../image/my/womenIcon.png");
           }
           $("#username").html($myname);
           $("#ugroupinfo").html($groupname+" "+$groupJob);
       
        })
</script>
</html>